﻿<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Elements.aspx.vb" Inherits="SetListUIDesign.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            font-family: Arial, Helvetica, sans-serif;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <em>These are element pieces for printing for paper usage<br />
        </em><br />
        <em>When choosing the starter or soloist, you get a list of predefined names. This 
        includes anyone who is associated with the band, plus any new values you defined 
        (such as folks who might not be in Set List)</em>.<br />
        <br />
        <asp:ListBox ID="ListBox4" runat="server">
            <asp:ListItem>Jim</asp:ListItem>
            <asp:ListItem>Natalie</asp:ListItem>
            <asp:ListItem>Sophia</asp:ListItem>
            <asp:ListItem>Add New Member...</asp:ListItem>
        </asp:ListBox>
        <br />
        <br />
        <br />
        <em>If you choose to define a new value you get the following popup dialog<br />
        <br />
        </em><span class="style1">Enter New Soloist</span><br />
        <span class="style1">Name</span>:
        <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
        <br />
        <asp:Button ID="Button4" runat="server" Text="OK" />
        <asp:Button ID="Button5" runat="server" Text="Cancel" />
        <br />
        <br />
        <em>-or-<br />
        </em><br />
        <span class="style1">Enter New Starter</span><br />
        <span class="style1">Name</span>:
        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
        <br />
        <asp:Button ID="Button6" runat="server" Text="OK" />
        <asp:Button ID="Button7" runat="server" Text="Cancel" />
        <br />
        <br />
        <br />
        <em>Column menu (which appears over each column)<br />
        <br />
        </em>
        <asp:Button ID="Button3" runat="server" Height="18px" Text="V" Width="24px" />
        <br />
        <br />
        <em>When pressed you get the following options<br />
        </em>
        <br />
        <asp:ListBox ID="ListBox2" runat="server">
            <asp:ListItem>A..Z</asp:ListItem>
            <asp:ListItem>Z..A</asp:ListItem>
            <asp:ListItem>Remove this Column</asp:ListItem>
            <asp:ListItem>Insert New Column</asp:ListItem>
        </asp:ListBox>
        <br />
        <br />
        <em>When adding a column, you get a drop down of defined columns. You can choose to 
        define a new one at this point.<br />
        </em>
        <br />
        <asp:ListBox ID="ListBox1" runat="server">
            <asp:ListItem>Key</asp:ListItem>
            <asp:ListItem>Notes</asp:ListItem>
            <asp:ListItem>Starter</asp:ListItem>
            <asp:ListItem>Define New Column...</asp:ListItem>
        </asp:ListBox>
        <br />
        <br />
        <em>If you choose to define a new column, you get this pop up dialog<br />
        </em>
        <br />
        <span class="style1">Enter New Column Information:</span><br />
        <span class="style1">Name</span>: 
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <br />
        <span class="style1">Type</span>:<br />
        &nbsp;&nbsp;&nbsp;
        <asp:ListBox ID="ListBox3" runat="server">
            <asp:ListItem>Text</asp:ListItem>
            <asp:ListItem>Number</asp:ListItem>
            <asp:ListItem>Date</asp:ListItem>
            <asp:ListItem>Time</asp:ListItem>
        </asp:ListBox>
        &nbsp;
        <br />
        <asp:Button ID="Button1" runat="server" Text="OK" />
        <asp:Button ID="Button2" runat="server" Text="Cancel" />
        <br />
        <br />
    
    </div>
    </form>
</body>
</html>
